﻿<!-- Einstellungs-Fenster -->
<div id="option_window" class="ui-widget-content" title="Einstellungen" style="display: none;">
  <!-- Tabs -->
  <div id="option_tabs">
    <!-- Menüleiste -->
    <ul>
      <li>
        <a href="#page_kwickplus">KwickPlus!</a>
      </li>
      <li>
        <a href="#page_photozoom">PhotoZoom</a>
      </li>
    </ul>
    
    <!-- Page -->
    <div id="page_kwickplus">
      Tooltip Hintergrundfarbe:
      <span class='option_value'>
        <select id="tooltip_color_selector"
                onchange='document.getElementById("tooltip_bg_color").value = this.value;
                          document.body.style.backgroundColor = this.value;'>
          <option value="#FFFCF7">Kwick! hell</option>
          <option value="#FCF3E4">Kwick! normal</option>
          <option value="#F4E5D2">Kwick! dunkel</option>
          <option value="#FFFFFF">Weiß</option>
        </select>
        <input type='textbox' id='tooltip_bg_color' value='ERROR' />
      </span>
    </div>
    
    <div id="page_photozoom">
      Bei "Großes Bild öffnen" Tab erstellen:
      <span class='option_value'>
        <select id="photozoom_tablocation" onchange=''>
          <option value="-">als erster Tab</option>
          <option value="0">vor aktuellem Tab</option>
          <option value="1">nach aktuellem Tab</option>
          <option value="+">als letzter Tab</option>
        </select>
      </span>
      <br>
    
      Bei "Großes Bild öffnen" Tab mit Fokus:
      <span class='option_value'>
        <select id="photozoom_tabfocus" onchange=''>
          <option value="1">Ja</option>
          <option value="0">Nein</option>
        </select>
      </span>
    </div>
  </div>
  
  <!-- Status Panel -->
  <div id='option_status_container' class="ui-state-highlight ui-corner-all" style="display: none; margin-top: 20px; padding: 0 .7em;"> 
    <p>
      <span id='option_status'></span>
    </p>
  </div>
  <br>
  
  <!-- Button Panel -->
  <div id='buttons'>
    <button onclick="save_options()">
      Speichern
    </button>
    <button onclick="load_options()">
      Verwerfen
    </button>
  </div>
</div>